.root {
  @apply w-screen h-screen;
  display: grid;
  grid-template:
    'categories content' auto
    'nav content' 30px
    / 150px auto;
  :global {
    .categories {
      @apply bg-slate-100 border-r text-xs text-slate-700 overflow-y-auto;
      grid-area: categories;
    }
    .nav {
      grid-area: nav;
      @apply bg-slate-100 border-t border-r flex justify-center items-center gap-3 cursor-pointer;
    }
    .content {
      grid-area: content;
    }
  }
}
